<template>
  <div>
    <div>
      <h4>中稠度</h4>
        <el-row type="flex" justify="space-between">
          <el-col :span="5">
            <span>咳嗽</span>
            <div class="grid-content">
              <el-checkbox-group v-model="pgForm.vvst_medium_consistency_checkList1">
                <el-checkbox label="复选框 A">一口量3ML</el-checkbox>
                <el-checkbox label="复选框 B">一口量5ML</el-checkbox>
                <el-checkbox label="复选框 C">一口量10ML</el-checkbox>
                <el-checkbox label="复选框 D">一口量42ML</el-checkbox>
                <el-checkbox label="复选框 E">是</el-checkbox>
                <el-checkbox label="复选框 F">否</el-checkbox>
                <el-input v-model="pgForm.vvst_medium_consistency_input1" placeholder="备注"></el-input>
              </el-checkbox-group>
            </div>
          </el-col>
          <el-col :span="5">
            <span>声音变化</span>
            <div class="grid-content">
              <el-checkbox-group v-model="pgForm.vvst_medium_consistency_checkList2">
                <el-checkbox label="复选框 A">一口量3ML</el-checkbox>
                <el-checkbox label="复选框 B">一口量5ML</el-checkbox>
                <el-checkbox label="复选框 C">一口量10ML</el-checkbox>
                <el-checkbox label="复选框 D">一口量43ML</el-checkbox>
                <el-checkbox label="复选框 E">是</el-checkbox>
                <el-checkbox label="复选框 F">否</el-checkbox>
                <el-input v-model="pgForm.vvst_medium_consistency_input2" placeholder="备注"></el-input>
              </el-checkbox-group>
            </div>
          </el-col>
          <el-col :span="5">
            <span>血氧饱和度</span>
            <div class="grid-content">
              <el-checkbox-group v-model="pgForm.vvst_medium_consistency_checkList3">
                <el-checkbox label="复选框 A">一口量3ML</el-checkbox>
                <el-checkbox label="复选框 B">一口量5ML</el-checkbox>
                <el-checkbox label="复选框 C">一口量10ML</el-checkbox>
                <el-checkbox label="复选框 D">一口量44ML</el-checkbox>
                <el-checkbox label="复选框 E">是</el-checkbox>
                <el-checkbox label="复选框 F">否</el-checkbox>
                <el-input v-model="pgForm.vvst_medium_consistency_input3" placeholder="备注"></el-input>
              </el-checkbox-group>
            </div>
          </el-col>
          <el-col :span="5">
            <span>唇闭合</span>
            <div class="grid-content">
              <el-checkbox-group v-model="pgForm.vvst_medium_consistency_checkList4">
                <el-checkbox label="复选框 A">一口量3ML</el-checkbox>
                <el-checkbox label="复选框 B">一口量5ML</el-checkbox>
                <el-checkbox label="复选框 C">一口量10ML</el-checkbox>
                <el-checkbox label="复选框 D">一口量45ML</el-checkbox>
                <el-checkbox label="复选框 E">是</el-checkbox>
                <el-checkbox label="复选框 F">否</el-checkbox>
                <el-input v-model="pgForm.vvst_medium_consistency_input4" placeholder="备注"></el-input>
              </el-checkbox-group>
            </div>
          </el-col>
          <el-col :span="5">
            <span>口腔残留</span>
            <div class="grid-content">
              <el-checkbox-group v-model="pgForm.vvst_medium_consistency_checkList5">
                <el-checkbox label="复选框 A">一口量3ML</el-checkbox>
                <el-checkbox label="复选框 B">一口量5ML</el-checkbox>
                <el-checkbox label="复选框 C">一口量10ML</el-checkbox>
                <el-checkbox label="复选框 D">一口量46ML</el-checkbox>
                <el-checkbox label="复选框 E">是</el-checkbox>
                <el-checkbox label="复选框 F">否</el-checkbox>
                <el-input v-model="pgForm.vvst_medium_consistency_input5" placeholder="备注"></el-input>
              </el-checkbox-group>
            </div>
          </el-col>
          <el-col :span="5">
            <span>咽腔残留</span>
            <div class="grid-content">
              <el-checkbox-group v-model="pgForm.vvst_medium_consistency_checkList6">
                <el-checkbox label="复选框 A">一口量3ML</el-checkbox>
                <el-checkbox label="复选框 B">一口量5ML</el-checkbox>
                <el-checkbox label="复选框 C">一口量10ML</el-checkbox>
                <el-checkbox label="复选框 D">一口量47ML</el-checkbox>
                <el-checkbox label="复选框 E">是</el-checkbox>
                <el-checkbox label="复选框 F">否</el-checkbox>
                <el-input v-model="pgForm.vvst_medium_consistency_input6" placeholder="备注"></el-input>
              </el-checkbox-group>
            </div>
          </el-col>
          <el-col :span="5">
            <span>分次吞咽</span>
            <div class="grid-content">
              <el-checkbox-group v-model="pgForm.vvst_medium_consistency_checkList7">
                <el-checkbox label="复选框 A">一口量3ML</el-checkbox>
                <el-checkbox label="复选框 B">一口量5ML</el-checkbox>
                <el-checkbox label="复选框 C">一口量10ML</el-checkbox>
                <el-checkbox label="复选框 D">一口量48ML</el-checkbox>
                <el-checkbox label="复选框 E">是</el-checkbox>
                <el-checkbox label="复选框 F">否</el-checkbox>
                <el-input v-model="pgForm.vvst_medium_consistency_input7" placeholder="备注"></el-input>
              </el-checkbox-group>
            </div>
          </el-col>
          <el-col :span="5">
            <span>顺滑性</span>
            <div class="grid-content">
              <el-checkbox-group v-model="pgForm.vvst_medium_consistency_checkList8">
                <el-checkbox label="复选框 A">一口量3ML</el-checkbox>
                <el-checkbox label="复选框 B">一口量5ML</el-checkbox>
                <el-checkbox label="复选框 C">一口量10ML</el-checkbox>
                <el-checkbox label="复选框 D">一口量49ML</el-checkbox>
                <el-checkbox label="复选框 E">是</el-checkbox>
                <el-checkbox label="复选框 F">否</el-checkbox>
                <el-input v-model="pgForm.vvst_medium_consistency_input8" placeholder="备注"></el-input>
              </el-checkbox-group>
            </div>
          </el-col>
          <el-col :span="5">
            <span>吞咽用力</span>
            <div class="grid-content">
              <el-checkbox-group v-model="pgForm.vvst_medium_consistency_checkList9">
                <el-checkbox label="复选框 A">一口量3ML</el-checkbox>
                <el-checkbox label="复选框 B">一口量5ML</el-checkbox>
                <el-checkbox label="复选框 C">一口量10ML</el-checkbox>
                <el-checkbox label="复选框 D">一口量50ML</el-checkbox>
                <el-checkbox label="复选框 E">是</el-checkbox>
                <el-checkbox label="复选框 F">否</el-checkbox>
                <el-input v-model="pgForm.vvst_medium_consistency_input9" placeholder="备注"></el-input>
              </el-checkbox-group>
            </div>
          </el-col>
          <el-col :span="5">
            <span>适口性</span>
            <div class="grid-content">
              <el-checkbox-group v-model="pgForm.vvst_medium_consistency_checkList10">
                <el-checkbox label="复选框 A">一口量3ML</el-checkbox>
                <el-checkbox label="复选框 B">一口量5ML</el-checkbox>
                <el-checkbox label="复选框 C">一口量10ML</el-checkbox>
                <el-checkbox label="复选框 D">一口量51ML</el-checkbox>
                <el-checkbox label="复选框 E">是</el-checkbox>
                <el-checkbox label="复选框 F">否</el-checkbox>
                <el-input v-model="pgForm.vvst_medium_consistency_input10" placeholder="备注"></el-input>
              </el-checkbox-group>
            </div>
          </el-col>
          <el-col :span="5">
            <span>喜食度（表情）</span>
            <div class="grid-content">
              <el-checkbox-group v-model="pgForm.vvst_medium_consistency_checkList11">
                <el-checkbox label="复选框 A">一口量3ML</el-checkbox>
                <el-checkbox label="复选框 B">一口量5ML</el-checkbox>
                <el-checkbox label="复选框 C">一口量10ML</el-checkbox>
                <el-checkbox label="复选框 D">一口量52ML</el-checkbox>
                <el-checkbox label="复选框 E">是</el-checkbox>
                <el-checkbox label="复选框 F">否</el-checkbox>
                <el-input v-model="pgForm.vvst_medium_consistency_input11" placeholder="备注"></el-input>
              </el-checkbox-group>
            </div>
          </el-col>
          <el-col :span="5"></el-col>
        </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: "medium_consistency",
  title: "中稠度",
  created() {
    if(this.istrans){
      this.pgForm=this.fromdata
    }
  },
  props: {
    fromdata:{},
    istrans:false,
  },
  data(){
    return{
      pgForm: {
        vvst_medium_consistency_checkList1: [],
        vvst_medium_consistency_checkList2: [],
        vvst_medium_consistency_checkList3: [],
        vvst_medium_consistency_checkList4: [],
        vvst_medium_consistency_checkList5: [],
        vvst_medium_consistency_checkList6: [],
        vvst_medium_consistency_checkList7: [],
        vvst_medium_consistency_checkList8: [],
        vvst_medium_consistency_checkList9: [],
        vvst_medium_consistency_checkList10: [],
        vvst_medium_consistency_checkList11: [],
        vvst_medium_consistency_input1: '',
        vvst_medium_consistency_input2: '',
        vvst_medium_consistency_input3: '',
        vvst_medium_consistency_input4: '',
        vvst_medium_consistency_input5: '',
        vvst_medium_consistency_input6: '',
        vvst_medium_consistency_input7: '',
        vvst_medium_consistency_input8: '',
        vvst_medium_consistency_input9: '',
        vvst_medium_consistency_input10: '',
        vvst_medium_consistency_input11: '',
      },
    }
  }
}
</script>

<style scoped>
.el-row{
  margin: 10px 0;
  padding: 20px 20px;
  background-color: #f9f9f9;
  flex-wrap: wrap;
  flex-direction: row;
}
.el-col {
  margin:10px 0;
}

.el-checkbox-group {
  padding: 10px 20px;
}

.el-checkbox {
  display: block;
  margin-bottom: 15px;
}
</style>
